$class-name: 'srt';
@import 'root-style';

// element ui button

//default
.#{$class-name}-el-button {
    background: var(#{$class-prefix}-button-bg-color)  !important;
    color: var(#{$class-prefix}-button-text-color) !important;
    border: 1px solid var(#{$class-prefix}-button-border-color) !important;
    padding: 10px 34px;
    border-radius: 4px;
    font-size: 18px;
    min-height: 50px;
    font-weight: 400;

    &:hover {
        background: var(#{$class-prefix}-button-hover-bg-color)  !important;
        color: var(#{$class-prefix}-button-hover-text-color)  !important;
        border: 1px solid var(#{$class-prefix}-button-hover-border-color)  !important;
    }

    &.is-disabled {
        background: var(#{$class-prefix}-button-disabled-bg-color)  !important;
        color: var(#{$class-prefix}-button-disabled-text-color)  !important;
        border: 1px solid var(#{$class-prefix}-button-disabled-border-color)  !important;

        &:hover {
            background: var(#{$class-prefix}-button-disabled-bg-color)  !important;
            color: var(#{$class-prefix}-button-disabled-text-color)  !important;
            border: 1px solid var(#{$class-prefix}-button-disabled-border-color)  !important;
        }
    }
}
.#{$class-name}-el-button-h28 {
    font-size: 14px;
    padding: 6px 24px;
    min-height: 28px;
    height: 28px;
}
.#{$class-name}-el-button-h32 {
    font-size: 14px;
    padding: 8px 24px;
    min-height: 32px;
}
.#{$class-name}-el-button-h36 {
    font-size: 14px;
    padding: 7px 24px;
    min-height: 36px;
}

//primary
.#{$class-name}-el-button--primary {
    background: var(#{$class-prefix}-button-primary-bg-color)  !important;
    color: var(#{$class-prefix}-button-primary-text-color)  !important;
    border: 1px solid var(#{$class-prefix}-button-primary-border-color)  !important;

    &:hover {
        background: var(#{$class-prefix}-button-primary-hover-bg-color)  !important;
        color: var(#{$class-prefix}-button-primary-hover-text-color)  !important;
        border: 1px solid var(#{$class-prefix}-button-primary-hover-border-color)  !important;
    }

    &.is-disabled {
        background: var(#{$class-prefix}-button-disabled-primary-bg-color)  !important;
        color: var(#{$class-prefix}-button-disabled-primary-text-color)  !important;
        border: 1px solid var(#{$class-prefix}-button-disabled-primary-border-color)  !important;

        &:hover {
            background: var(#{$class-prefix}-button-disabled-primary-bg-color)  !important;
            color: var(#{$class-prefix}-button-disabled-primary-text-color)  !important; 
            border: 1px solid var(#{$class-prefix}-button-disabled-primary-border-color)  !important;
        }
    }

    &:active {
        background: var(#{$class-prefix}-button-primary-bg-color)  !important;
        color: var(#{$class-prefix}-button-primary-text-color)  !important;
        border: 1px solid var(#{$class-prefix}-button-primary-border-color)  !important;

    }

    &:focus {
        background: var(#{$class-prefix}-button-primary-bg-color)  !important; 
        color: var(#{$class-prefix}-button-primary-text-color)  !important;
        border: 1px solid var(#{$class-prefix}-button-primary-border-color)  !important;

    }
}

//info
.#{$class-name}-el-button--info {
    background: var(#{$class-prefix}-button-info-bg-color) !important;
    color: var(#{$class-prefix}-button-info-text-color) !important;
    border: 1px solid var(#{$class-prefix}-button-info-border-color) !important; 

    &:hover {
        background: var(#{$class-prefix}-button-info-hover-bg-color) !important;
        color: var(#{$class-prefix}-button-info-hover-text-color) !important;
        border: 1px solid var(#{$class-prefix}-button-info-hover-border-color) !important;
    }

    &.is-disabled {
        background: var(#{$class-prefix}-button-disabled-info-bg-color) !important;
        color: var(#{$class-prefix}-button-disabled-info-text-color) !important;
        border: 1px solid var(#{$class-prefix}-button-disabled-info-border-color) !important;

        &:hover {
            background: var(#{$class-prefix}-button-disabled-info-bg-color) !important;
            color: var(#{$class-prefix}-button-disabled-info-text-color) !important;
            border: 1px solid var(#{$class-prefix}-button-disabled-info-border-color) !important;
        }
    }
}

//link
.#{$class-name}-el-button--link {
    background-color: transparent !important;
    color: var(#{$class-prefix}-button-link-color) !important;
    border: 0px solid transparent !important;
    padding: 0;

    &:hover {
        background-color: transparent !important;
        color: var(#{$class-prefix}-button-link-hover-color) !important;
        border: 0px solid transparent !important;
    }

    &.is-disabled {
        background-color: transparent !important;
        color: var(#{$class-prefix}-button-disabled-info-text-color) !important;
        border: 0px solid transparent !important;

        &:hover {
            background-color: transparent !important;
            color: var(#{$class-prefix}-button-disabled-info-text-color) !important;
            border: 0px solid transparent !important;
        }
    }

    &:focus {
        background-color: transparent !important;
        color: var(#{$class-prefix}-button-link-color) !important;
        border: 0px solid transparent !important;
        border: 0px solid transparent;

    }
}

//link-underline
.#{$class-name}-el-button--link-underline {
    text-decoration: underline !important;
    background-color: transparent !important;
    color: var(#{$class-prefix}-button-primary-link-color) !important;
    border: 0px solid transparent !important;
    padding:0;

    &:hover {
        background-color: transparent !important;
        color: var(#{$class-prefix}-button-primary-hover-bg-color) !important;
        border: 0px solid transparent !important;
    }

    &.is-disabled {
        background-color: transparent !important;
        color: var(#{$class-prefix}-button-disabled-info-text-color) !important;
        border: 0px solid transparent !important;

        &:hover {
            background-color: transparent !important;
            color: var(#{$class-prefix}-button-disabled-info-text-color) !important; 
            border: 0px solid transparent !important;
        }
    }

    &:focus {
        text-decoration: underline;
        background-color: transparent !important;
        color: var(#{$class-prefix}-button-primary-link-color) !important;
        border: 0px solid transparent !important;

    }
}

// bottom select
.#{$class-name}-bottom-select {
    .el-input {
        .el-input__wrapper {
            border-radius: 0;
            box-shadow: none;
            border-bottom: 1px solid var(#{$class-prefix}-color-gray-auxiliary3);

            &.is-focus {
                box-shadow: none !important;

                .el-input__wrapper {
                    box-shadow: none !important;
                }
            }

            .el-input__inner {
                color: var(#{$class-prefix}-color-black);
            }

            input::-webkit-input-placeholder {
                color: var(#{$class-prefix}-color-black);
            }

            input::-moz-placeholder {
                /* Mozilla Firefox 19+ */

                color: var(#{$class-prefix}-color-black);
            }

            input:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */

                color: var(#{$class-prefix}-color-black);
            }

            input:-ms-input-placeholder {
                /* Internet Explorer 10-11 */

                color: var(#{$class-prefix}-color-black);
            }
        }

        &.is-disabled .el-input__wrapper {
            background-color: var(#{$class-prefix}-color-white);

            &:hover {
                box-shadow: none;
            }

            .el-input__suffix {
                visibility: hidden;
            }
        }

        // .el-select__caret{
        //     color: var(#{$class-prefix}-color-black);
        // }
        .el-select__caret.el-icon {
            &::before {
                content: '';
                width: 10px;
                height: 10px;
                background: url(~@/assets/img/element-ui-icon/select-icon.png) no-repeat center center;
                transform: rotateZ(180deg);
            }
            svg {
                display: none;
            }
        }
        .el-select__caret.is-reverse::before {
            transform: rotateZ(-180deg);

        }
    }

    &:hover:not(.el-select--disabled) .el-input__wrapper {
        box-shadow: none;
    }
    .el-input.is-focus .el-input__wrapper{
        box-shadow: none !important;
    }
}

.#{$class-name}-bottom-clear-select {
    :hover {
        .el-select__caret.el-icon {
            &::before {
                width: 14px;
                height: 14px;
                background: url(~@/assets/img/element-ui-icon/delete-icon.png) no-repeat center center;
                border-radius: 50%;
            }
        }
    } 
}
// Bottom  srt-el-button--cancel
.#{$class-name}-el-button--cancel {
    color: var(#{$class-prefix}-button-cancel-color)  !important;
    border: 1px solid var(#{$class-prefix}-button-cancel-border-color)  !important;
    background-color: transparent !important;

    &:hover {
        background-color: transparent !important;
        color: var(#{$class-prefix}-button-cancel-hover-color) !important;
        border: 1px solid var(#{$class-prefix}-button-cancel-hover-border-color)  !important;
    }

    &.is-disabled {
        background-color: transparent !important;
        color: var(#{$class-prefix}-button-cancel-disabled-color) !important;
        border: 1px solid var(#{$class-prefix}-button-cancel-border-color)  !important;

        &:hover {
            border: 1px solid var(#{$class-prefix}-button-cancel-border-color)  !important;
            background-color: transparent !important;
            color: var(#{$class-prefix}-button-cancel-disabled-color) !important;

        }
    }

}




// select popper
.#{$class-name}-select-popper {
   
    border: none !important;
    &.el-popper{
        box-shadow: 0px 0px 10px 0px rgba(0, 80, 168, 0.16); 
    
    }
   

    .el-popper__arrow {
        &::before {
            content: '';
            display: none;
        }
    }

    .el-select-dropdown__item {
        color: var(#{$class-prefix}-color-black);
        font-size: 14px;
        height: 40px;
        line-height: 40px;

        &:hover {
            background-color: var(#{$class-prefix}-select-content-hover-bg-color);
        }

        &.selected {
            background-color: var(#{$class-prefix}-select-content-hover-bg-color);
            font-weight: 400;
        }
    }
}


//  select
.#{$class-name}-select {
    .el-input--large .el-input__wrapper {
        padding: 0px 10px 0px 12px;
    }
    .el-input__wrapper {
        border: 1px solid var(#{$class-prefix}-select-border-color);
        box-shadow: none;

        &.is-focus {
            box-shadow: none !important;

            .el-input__wrapper {
                box-shadow: none !important;
            }
        }

        .el-input__inner {
            color: var(#{$class-prefix}-color-black);
        }

        .el-input__inner {
            color: var(#{$class-prefix}-color-black);
        }

        input::-webkit-input-placeholder {
            color: var(#{$class-prefix}-input-placeholder);
        }

        input::-moz-placeholder {
            /* Mozilla Firefox 19+ */

            color: var(#{$class-prefix}-input-placeholder);
        }

        input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */

            color: var(#{$class-prefix}-input-placeholder);
        }

        input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */

            color: var(#{$class-prefix}-input-placeholder);
        }
    }

    .el-input.is-disabled .el-input__wrapper {
        background-color: var(#{$class-prefix}-select-disabled-bg-color);
        box-shadow: none;

        &:hover {
            box-shadow: none;
        }

        .el-input__suffix {
            visibility: hidden;
        }
    }

    &:hover:not(.el-select--disabled) .el-input__wrapper {
        box-shadow: none !important;
        border: 1px solid var(#{$class-prefix}-select-hover-border-color);
    }

    // .el-input .el-select__caret{
    //     color: var(#{$class-prefix}-color-black);
    // }
    .el-input .el-select__caret.el-icon {
        &::before {
            content: '';
            width: 10px;
            height: 10px;
            background: url(~@/assets/img/element-ui-icon/select-icon.png) no-repeat center center;
            // transform: rotateZ(180deg);
        }

        svg {
            display: none;
        }
    }
    .el-input .el-select__caret.is-reverse::before {
        // transform: rotateZ(-180deg);
    }

    .el-select__tags .el-tag--info {
        background-color: var(#{$class-prefix}-select-tag-bg-color);
        color: var(#{$class-prefix}-select-tag-text-color);
        font-size: 14px;
    }
    .el-tag__close {
        &::before {
            content: '';
            background: url(~@/assets/img/element-ui-icon/clear-icon.png) no-repeat center center;
            width: 9px;
            height: 9px;
            background-size: contain;
            display: inline-block;
            cursor: pointer;
            margin-left: 2px;
            transform: rotateZ(180deg);
        }
        &:hover {
            background-color: transparent;
            color: var(#{$class-prefix}-select-tag-text-color);
        }
        svg {
            display: none;
        }
    }
}
// select clear属性
.#{$class-name}-clear-select {
    :hover {
        .el-input .el-select__caret.el-icon {
            &::before {
                width: 14px;
                height: 14px;
                background: url(~@/assets/img/element-ui-icon/delete-icon.png) no-repeat center center;
                border-radius: 50%;
            }
        }
    } 
}

// input
.#{$class-name}-el-input {
    .el-input__wrapper {
        border: 1px solid var(#{$class-prefix}-input-border-color);
        box-shadow: none;
        padding: 0 11px;

        svg {
            display: none;
        }

        .el-input__clear {
            &::before {
                content: '';
                display: inline-block;
                width: 14px;
                height: 14px;
                background: url(~@/assets/img/element-ui-icon/delete-icon.png) no-repeat center center;
                border-radius: 50%;
            }
        }

        &.is-focus {
            border: 1px solid var(#{$class-prefix}-input-focus-border-color);

            .el-input__suffix {
                color: var(#{$class-prefix}-input-focus-border-color);
            }
        }

        .el-input__inner {
            color: var(#{$class-prefix}-input-text-color);
            height: 38px;
        }
       
    }
    .el-textarea__inner {
        color: var(#{$class-prefix}-input-text-color);
    }

    .el-form-item__error {
        color: var(#{$class-prefix}-input-error-color);
    }

    &.is-disabled .el-input__wrapper {
        box-shadow: none;
        background-color: var(#{$class-prefix}-input-disabled-bg-color);
    }
    input::-webkit-input-placeholder {
        color: var(#{$class-prefix}-input-placeholder);
    }

    input::-moz-placeholder {
        /* Mozilla Firefox 19+ */

        color: var(#{$class-prefix}-input-placeholder);
    }

    input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */

        color: var(#{$class-prefix}-input-placeholder);
    }

    input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        color: var(#{$class-prefix}-input-placeholder);
    }
    .el-input__count {
        margin-right: 8px;
    }
}
.#{$class-name}-el-textarea{
    .el-textarea__inner{
        border: 1px solid var(#{$class-prefix}-input-border-color);
        box-shadow: none;
        padding:  14px;
        resize:none;
        &:focus {
            border: 1px solid var(#{$class-prefix}-input-focus-border-color);

           
        }
    }
    textarea::-webkit-input-placeholder {
        color: var(#{$class-prefix}-input-placeholder);
    }

    textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */

        color: var(#{$class-prefix}-input-placeholder);
    }

    textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */

        color: var(#{$class-prefix}-input-placeholder);
    }

    textarea:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        color: var(#{$class-prefix}-input-placeholder);
    }
}
.el-form-item.is-error  .#{$class-name}-el-textarea  .el-textarea__inner{
    box-shadow: none;
    border: 1px solid var(#{$class-prefix}-input-error-color);
}

// .el-form-item err color
.#{$class-name}-el-input-item.is-error .el-input__wrapper {
    box-shadow: none;
    border: 1px solid var(#{$class-prefix}-input-error-color);
}

.#{$class-name}-el-input-item-no-border.is-error .el-input__wrapper {
    box-shadow: none;
    border-bottom: 1px solid var(#{$class-prefix}-input-error-color);
}

.#{$class-name}-el-input-no-border {

    .el-input__wrapper {
        border: none;
        border-bottom: 1px solid var(#{$class-prefix}-input-border-color);
        box-shadow: none;
        border-radius: 0;

        &.is-error .el-input__wrapper {
            border: none !important;
        }

        &.is-focus {
            border-bottom: 1px solid var(#{$class-prefix}-input-focus-border-color);

            .el-input__suffix {
                color: var(#{$class-prefix}-input-focus-border-color);
            }
        }

        .el-input__inner {
            color: var(#{$class-prefix}-input-text-color);
        }
    }

    .el-form-item__error {
        color: var(#{$class-prefix}-input-error-color);
    }

    &.is-disabled .el-input__wrapper {
        box-shadow: none;
        background-color: var(#{$class-prefix}-input-disabled-bg-color);
    }
    input::-webkit-input-placeholder {
        color: var(#{$class-prefix}-input-placeholder);
    }

    input::-moz-placeholder {
        /* Mozilla Firefox 19+ */

        color: var(#{$class-prefix}-input-placeholder);
    }

    input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */

        color: var(#{$class-prefix}-input-placeholder);
    }

    input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        color: var(#{$class-prefix}-input-placeholder);
    }


}

// el-checked
.#{$class-name}-el-checkbox {
    height: auto ;

    .el-checkbox__label {
        color: var(#{$class-prefix}-checkbox-text-color);
    }

    &.is-checked {
        .el-checkbox__label {
            color: var(#{$class-prefix}-checkbox-text-color) ;

        }
    }

    &.is-disabled.is-checked .el-checkbox__inner {
        background-color: var(#{$class-prefix}-checkbox-active-disabled-border-bg-color);

        &::after {
            border-color: var(#{$class-prefix}-color-white);
        }

    }

    &.is-disabled.is-checked .el-checkbox__inner::after {
        background-color: var(#{$class-prefix}-checkbox-active-disabled-border-bg-color);

        ::after {
            border-color:var(#{$class-prefix}-color-white);
        }

    }

    .el-checkbox__input.is-disabled+span.el-checkbox__label {
        color: var(#{$class-prefix}-checkbox-text-color);

    }

    .el-checkbox__input.is-disabled+span.el-checkbox__label {
        color: var(#{$class-prefix}-checkbox-disabled-text-color);
    }


}

// el-radio
.#{$class-name}-el-radio {
    .el-radio__input.is-checked .el-radio__inner {
        background: transparent;
        border: 1px solid var(#{$class-prefix}-radio-active-border-color);

        &::after {
            content: '';
            width: 6px;
            height: 6px;
            border-radius: 50%;
            text-align: center;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -51%);
            background: #0084F6;


        }
    }

    .el-radio__label {
        color: var(#{$class-prefix}-checkbox-text-color);
    }

    .el-radio__input.is-checked+.el-radio__label {
        color: var(#{$class-prefix}-checkbox-text-color);
        background: transparent;
    }

    .el-radio__input.is-disabled.is-checked .el-radio__inner {
        background: var(#{$class-prefix}-checkbox-active-disabled-border-bg-color)
    }



}


.noUnderline{
    text-decoration: none !important;
}

.el-table__empty-block {
    height: 400px !important;
}
  
// stripe-table
.#{$class-name}-stripe-table {
    color: var(--srt-main-text-color);

    thead th {
        color: var(--srt-table-header-text-color);
        line-height: 22px;
        font-size: 14px;
        font-weight: 400;
        background-color: var(--srt-table-header-bg-color) !important;
    }
    th.el-table__cell.is-leaf {
       border: none;
    }
   .el-table__row{
    font-size: 14px;
  
    
    &::after{
        min-height: 30px;
        display: inline-block;
        content: "";
        width: 0;
    
    }
    
   
   }
   .cell{
    padding: 9px 12px;
    .srt-el-button--link{
        height: auto;
        line-height: 1.5;
        min-height: 0;
    }
   }
   .el-table__cell{
    padding: 0;
   }
  

    tr.el-table__row--striped td.el-table__cell {
        background: var(--srt-table-header-bg-color) !important;
        border-bottom-color: transparent ;
    }

    .el-button--primary.is-link {
        color: var(--srt-main-active-text-color);
    }
    td.el-table__cell{
        border-bottom-color: transparent ;
        padding: 0;
    }
    .el-table__inner-wrapper::before{
        display: none;
    }
    .el-table-fixed-column--right{
        padding: 0;
    }

    // td.el-table__cell, th.el-table__cell.is-leaf {
    //     border: 0;
    // }
    .el-popper{
        max-width: 500px;
    }
}
// stripe-table
.#{$class-name}-border-table {
    color: var(--srt-main-text-color);
    border-radius: 4px;
    thead th {
        color: var(--srt-table-header-text-color);
        line-height: 22px;
        font-size: 14px;
        font-weight: 400;
        background-color: #f6f6f6 !important;
    }
   .el-table__row{
        font-size: 14px;
        &::after{
            min-height: 30px;
            display: inline-block;
            content: "";
            width: 0;
        
        }
    
   
   }
   .cell{
        padding: 10px 20px;
        .srt-el-button--link{
            height: auto;
            line-height: 1.5;
            min-height: 0;
        }
   }
   .el-table__cell{
        padding: 0;
    }
    td.el-table__cell, th.el-table__cell.is-leaf {
        border-bottom: 1px solid #E0E2E4;
    }
    .el-table__cell {
        border-right: 1px solid #E0E2E4;
    }
    .el-button--primary.is-link {
        color: var(--srt-main-active-text-color);
    }
    .el-table__inner-wrapper::before{
        display: none;
    }
    .el-table-fixed-column--right{
        padding: 0;
    }
    .el-popper{
        max-width: 500px;
    }
    &.el-table--border::before {
        width: 0;
    }
    &.el-table--border::after {
        width: 0;
    }
    .el-table__border-left-patch {
        width: 0;
    }
    &.el-table--border .el-table__inner-wrapper tr:first-child th:first-child, &.el-table--border .el-table__inner-wrapper td:first-child {
        border-left: 1px solid #E0E2E4 !important;
    }
    &.el-table--border .el-table__inner-wrapper tr:first-child th:first-child {
        border-top-left-radius: 4px;
    }
    &.el-table--border .el-table__inner-wrapper tr:first-child th:last-child {
        border-top-right-radius: 4px;
    }
    &.el-table--border .el-table__inner-wrapper tr:last-child td:first-child {
        border-bottom-left-radius: 4px;
    }
    &.el-table--border .el-table__inner-wrapper tr:last-child td:last-child {
        border-bottom-right-radius: 4px;
    }
    &.el-table--border .el-table__inner-wrapper::after {
        background-color: #E0E2E4;
    }
    &.el-table--border .el-table__inner-wrapper td:first-child {
        border-left: 1px solid #E0E2E4 !important;
    }
}
// srt-date-picker
.#{$class-name}-date-picker{


    .el-range__icon{
        width: 14px;
        height: 14px;
        background:url('~@/assets/img/element-ui-icon/picker-icon.png') no-repeat ;
        background-size: cover;
        margin-right: 10px;
    }
    .el-range__icon svg{
        display: none;
        
    }
    .el-range-input{
        
        color: var(#{$class-prefix}-color-light-gray);
    }
    .el-input__wrapper{
        box-shadow: none;
        border: 1px solid var(#{$class-prefix}-select-border-color);
    }
    .is-active{
        box-shadow: none;
        border: 1px solid var(#{$class-prefix}-select-hover-border-color);
        &:hover{
            box-shadow: none;
            border: 1px solid var(#{$class-prefix}-select-hover-border-color);
        }

    }
}

// cascader级联面板
.#{$class-name}-cascader {
    .el-input {
        outline: 0;
        input::-webkit-input-placeholder {
            color: var(#{$class-prefix}-color-black);
        }
        input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: var(#{$class-prefix}-color-black);
        }
        input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: var(#{$class-prefix}-color-black);
        }
        input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: var(#{$class-prefix}-color-black);
        }
        .el-input__wrapper {
            border: 1px solid var(#{$class-prefix}-select-border-color);
            box-shadow: none;
        }
        .el-icon.icon-arrow-down {
            &::before {
                content: '';
                width: 10px;
                height: 10px;
                background: url(~@/assets/img/element-ui-icon/select-icon.png) no-repeat center center;
            }
            svg {
                display: none;
            }
        }
        .icon-arrow-down.is-reverse {
            transform: rotateZ(180deg);
        }
    }
    &:hover:not(.is-disabled) .el-input__wrapper {
        box-shadow: none;
        border: 1px solid var(#{$class-prefix}-select-hover-border-color);
    }
}

.el-input__inner{
  
    &::-webkit-input-placeholder {
      font-size: 14px;
    }

    &::-moz-placeholder {
        /* Mozilla Firefox 19+ */

      font-size: 14px;
    }

    &:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */

        font-size: 14px;
    }

    &:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

       font-size: 14px;
    }
}

